<!DOCTYPE html>
<!--[if IE 8]> <html lang="zh-CN" class="ie8"> <![endif]-->
<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<title>注册 - {$web_name}</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="Keywords" content="注册" />
		<meta name="Description" content="注册" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="format-detection" content="telephone=no">
		<tc_include file="Public:head" />
		<link rel="stylesheet" href="__TMPL__Public/css/register.css" />

	</head>

	<body>

		<!-- 红包消息 -->

		<div class="header w990">
			<div class="logo-info">
				<a href="/" class="logo">
					<img alt="{$web_name}" src="{:sp_getad('logo-240*90')}" />
				</a>
				<span class="findpw">欢迎注册</span>
			</div>
		</div>
		<div class="reg-content">
			<div class="w990">
				<div class="reg-form">
					<div class="reg-con">

						<div class="reg-type">
							<p class="login-info">
								我已经注册，现在就
								<a href="{:U('user/login')}" title="去登录" class="color">登录</a>
							</p>

							<ul class="clearfix">
								<li class="active">
									<a href="javascript:void(0);">手机注册</a>
								</li>

							</ul>

						</div>

						<div class="reg-wrap">
							<div class="reg-wrap-con" style="background: url({:sp_getad('注册页右侧广告图440*295')}) no-repeat right 0px;background-size: 440px 295px;">

								<!-- 手机注册 start -->
								<form id="MobileRegisterModel" class="form-horizontal" name="MobileRegisterModel" action="{:U('user/register')}" method="post">

									<!-- 手机号 -->
									<div class="form-group form-group-spe">
										<label for="mobileregistermodel-mobile" class="input-left">
											<span class="spark">*</span>
											<span>手机号：</span>
											</label>
										<div class="form-control-box">
											<input type="text" id="mobileregistermodel-mobile" class="form-control" name="MobileRegisterModel[mobile]">
										</div>
										<div class="invalid"></div>
									</div>
									<input style="display: none">
									<!-- 密码 -->
									<div class="form-group form-group-spe">
										<label for="mobileregistermodel-password" class="input-left">
											<span class="spark">*</span>
											<span>密码：</span>
										</label>
										<div class="form-control-box">
											<input type="password" id="password" class="form-control" name="MobileRegisterModel[password]" autocomplete="off">
											<i class="fa fa-eye-slash pwd-toggle" data-id="password"></i>

										</div>

										<div class="invalid"></div>
									</div>
									<!-- 验证码 -->

									<!-- 短信校验码 -->
									<div class="form-group form-group-spe">
										<label for="mobileregistermodel-sms_captcha" class="input-left">
											<span class="spark">*</span>
											<span>短信校验码：</span>
										</label>
										<div class="form-control-box">

											<input type="text" id="mobileregistermodel-sms_captcha" class="input-small" name="MobileRegisterModel[sms_captcha]">

											<a href="javascript:void(0);" class="phonecode">获取短信校验码</a>

										</div>

										<div class="invalid"></div>
									</div>
									
									<div class="form-group m-10">
										<label class="input-left">&nbsp;</label>
										<div class="form-control-box">
											<label for="remember1">
												<input type="checkbox" value="0" name="remember" id="remember1" class="checkbox" checked="checked" />
												<span>
													我已阅读并同意
													<a href="javascript:void(0);" class="user_protocol">《用户注册协议》</a>
												</span>
											</label>
										</div>
									</div>
									<div class="reg-btn">
										<div class="form-group form-group-spe">
											<label for="" class="input-left"></label>
											<div class="form-control-box">
												<input type="button" class="btn-img btn-entry bg-color" id="btn_submit" name="btn_submit" value="同意协议并注册">
											</div>
											<div class="invalid"></div>
										</div>
									</div>

								</form>
								<!-- 手机注册 end -->
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		<php>
			$page=get_page(7);
		</php>
		<!-- 用户协议 -->
		<div id="user_protocol" style="display: none;">
			<div class="protocol">
				<div class="protocol-con">
					{$page.post_content|htmlspecialchars_decode}
				</div>
			</div>
		</div>
		<!-- 底部 -->
		<tc_include file="Public:footer" />

		<script type="text/javascript" src="__TMPL__Public/js/jquery.modal.js"></script>
		<script type="text/javascript" src="__TMPL__Public/js/jquery.validate.js"></script>
		<script type="text/javascript" src="__TMPL__Public/js/jquery.validate.custom.js"></script>
		<script type="text/javascript" src="__TMPL__Public/js/messages_zh.js"></script>
		<script type="text/javascript" src="__TMPL__Home/User/js/register.js"></script>
		<script id="client_rules" type="text">
			[{
				"id": "mobileregistermodel-mobile", 
				"name": "MobileRegisterModel[mobile]", 
				"attribute": "mobile", 
				"rules": {
					"required":true,
					"messages":{
						"required":"手机号不能为空。"
						}
				}
			},{
				"id": "mobileregistermodel-password", 
				"name": "MobileRegisterModel[password]", 
				"attribute": "password", 
				"rules": {
					"required":true,
					"messages":{
						"required":"密码不能为空。"
					}
				}
			},{
				"id": "mobileregistermodel-sms_captcha", 
				"name": "MobileRegisterModel[sms_captcha]", 
				"attribute": "sms_captcha", 
				"rules": {
					"required":true,
					"messages":{
						"required":"短信校验码不能为空。"
					}
				}
			},{
				"id": "mobileregistermodel-mobile", 
				"name": "MobileRegisterModel[mobile]", 
				"attribute": "mobile", 
				"rules": {
					"match":{"pattern":/^13[0-9]{1}[0-9]{8}$|15[0-9]{1}[0-9]{8}$|18[0-9]{1}[0-9]{8}$|17[0-9]{1}[0-9]{8}$|14[0-9]{1}[0-9]{8}$/,"not":false,"skipOnEmpty":1},
					"messages":{
						"match":"手机号是无效的。"
					}
				}
			},{
				"id": "mobileregistermodel-mobile",
				"name": "MobileRegisterModel[mobile]", 
				"attribute": "mobile", 
				"rules": {
					"ajax":{
						"url":"{:U('user/register_validate')}",
					},
					"messages":{
						"ajax":"{attribute}\u0022{value}\u0022已被注册。"
					}
				}
			},{
				"id": "mobileregistermodel-password", 
				"name": "MobileRegisterModel[password]", 
				"attribute": "password", 
				"rules": {
					"password":{
						"pattern":/^[^\u4e00-\u9fa5\·]{6,20}$/,
						"not":false,
						"skipOnEmpty":1
					},
					"match":{
						"pattern":/\s+/,
						"not":true,
						"skipOnEmpty":1
					},
					"messages":{
						"password":"密码长度为6-20个字符，建议由字母、数字和符号两种以上。",
						"match":"密码不能包含空格。"
					}
				}
			},]
		</script>

	</body>

</html>